import React, { FC } from 'react'
import { Typography, Input } from 'antd'
import { QuestionTextAreaPropsType, QuestionTextAreaDefaultProps } from './interface'

const { Paragraph } = Typography
const { TextArea } = Input

const QuestionTextarea: FC<QuestionTextAreaPropsType> = (props: QuestionTextAreaPropsType) => {
    const { title, desc } = { ...QuestionTextAreaDefaultProps, ...props }

    return (
        <div>
            <Paragraph strong>{title}</Paragraph>
            <div>
                <TextArea value={desc} rows={4}></TextArea>
            </div>
        </div>
    )
}

export default QuestionTextarea
